<template>
  <div class="footer">
    <div class="footer-logo">
      <p @click="goToCart">电商商城</p>
    </div>             
    <div class="footer-link">
    </div>
  </div>
</template>
<script>
  export default {
    name:'nav-footer',
    methods: {
      goToCart(){
        this.$router.push('/index');
      },
    }
  }
</script>
<style scoped>
  .footer{
    height:234px;
    border-top:4px solid #6e7970;
    background-color:#333333;
    color:#999999;
    font-size:16px;
    text-align:center;
    cursor: pointer;
    .footer-logo{
      margin-top:46px;
      margin-bottom:31px;
      img {
        width:53px;
        height:53px; 
      }
    }
    .footer-link{
      a{
        color:#56dfbf;
        display:inline-block;
      }
      span{
        margin:0 10px;
      }
      margin-bottom:13px;
    }
    .copyright{
      .domain{
        color:#3be81dbb;
      }
    }
  }
</style>